<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>最近浏览</title>
		<link rel="stylesheet" href="../../css/reset.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_1516407_sk3cmys5xkq.css" />
		<link rel="stylesheet" href="../../css/public-top.css" />
		<style>
			body,html{
				width:100%;
				height: 100%;
			}
			#wrap{
				width:100%;
				/*height: 750px;*/
			}
			
			.browse-content{
				width: 100%;
				display: flex;
				justify-content: space-around;
				flex-wrap: wrap;
				
				
			}
			.browse-content ul{
				width:30%;
				
				border:1px solid #f2f2f2;
				padding-left:10px;
				margin-top:20px;
				position: relative;
				
			}
			.browse-content ul li{
				width:100%;
				margin-bottom: 10px;;
			}
			.browse-content ul li img{
				width:100%;
			}
			.browse-font{
				font-size:14px;
				color:#7f7f7f;
			}
			.browse-jieshao{
				font-size:12px;
				color:#aeaeae;
			}
			.browse-sprice{
				font-size: 14px;
				color:#ff8989;
				overflow: hidden;
			}
			.browse-sprice strong{
				font-size: 12px;
				color:#aeaeae;
				margin-left: 5%;
				text-decoration: line-through;
				
			}
			.browse-sprice em{
				font-size:20px;
				float: right;
				margin-right:5%;
				color:#f4a74c;
			}
			.browse-or {
				width:10%;
				font-size: 14px;
				color:#4b943d;
				position: absolute;
				top:2%;
				left:90%;
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			<div id="public-top">
				<span>最近浏览 </span>
			</div>
			<div class="browse-content">
				<ul>
					<li><img src="../../img/img-JL/FT.png"/></li>
					<li class="browse-font">新西兰佳沛黄金奇异果</li>
					<li class="browse-jieshao">果肉绵细、花蜜般的甘甜百吃不厌</li>
					<li class="browse-sprice">
						<span>￥28.80</span>
						<strong>￥40.0</strong>
						<em class="iconfont icon-gouwuche"></em>
					</li>
					<li class="browse-or">
						<span class="iconfont icon-cuowu"></span>
					</li>
					
				</ul>
				<ul>
					<li><img src="../../img/img-JL/FT.png"/></li>
					<li class="browse-font">新西兰佳沛黄金奇异果</li>
					<li class="browse-jieshao">果肉绵细、花蜜般的甘甜百吃不厌</li>
					<li class="browse-sprice">
						<span>￥28.80</span>
						<strong>￥40.0</strong>
						<em class="iconfont icon-gouwuche"></em>
					</li>
					<li class="browse-or">
						<span class="iconfont icon-cuowu"></span>
					</li>
					
				</ul>
				<ul>
					<li><img src="../../img/img-JL/FT.png"/></li>
					<li class="browse-font">新西兰佳沛黄金奇异果</li>
					<li class="browse-jieshao">果肉绵细、花蜜般的甘甜百吃不厌</li>
					<li class="browse-sprice">
						<span>￥28.80</span>
						<strong>￥40.0</strong>
						<em class="iconfont icon-gouwuche"></em>
					</li>
					<li class="browse-or">
						<span class="iconfont icon-cuowu"></span>
					</li>
					
				</ul>
				
				<ul>
					<li><img src="../../img/img-JL/FT.png"/></li>
					<li class="browse-font">新西兰佳沛黄金奇异果</li>
					<li class="browse-jieshao">果肉绵细、花蜜般的甘甜百吃不厌</li>
					<li class="browse-sprice">
						<span>￥28.80</span>
						<strong>￥40.0</strong>
						<em class="iconfont icon-gouwuche"></em>
					</li>
					<li class="browse-or">
						<span class="iconfont icon-cuowu"></span>
					</li>
					
				</ul>
				<ul>
					<li><img src="../../img/img-JL/FT.png"/></li>
					<li class="browse-font">新西兰佳沛黄金奇异果</li>
					<li class="browse-jieshao">果肉绵细、花蜜般的甘甜百吃不厌</li>
					<li class="browse-sprice">
						<span>￥28.80</span>
						<strong>￥40.0</strong>
						<em class="iconfont icon-gouwuche"></em>
					</li>
					<li class="browse-or">
						<span class="iconfont icon-cuowu"></span>
					</li>
					
				</ul>
				<ul>
					<li><img src="../../img/img-JL/FT.png"/></li>
					<li class="browse-font">新西兰佳沛黄金奇异果</li>
					<li class="browse-jieshao">果肉绵细、花蜜般的甘甜百吃不厌</li>
					<li class="browse-sprice">
						<span>￥28.80</span>
						<strong>￥40.0</strong>
						<em class="iconfont icon-gouwuche"></em>
					</li>
					<li class="browse-or">
						<span class="iconfont icon-cuowu"></span>
					</li>
					
				</ul>
			</div>
		</div>
	</body>
</html>
